‏إظهار الرسائل ذات التسميات أدوات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات أدوات بلوجر. إظهار كافة الرسائل

شرح طريقة تسريع تصفح مدونتك

2:10 ص  futuresoftware  


السلام عليكم ورحمة الله وبركاته
 مما لا شك فيه أن سرعة تصفح أي مدونة تساعد على ارتياح الزائر الذي يتفقد مواضيعها مما يجعله يرجع إليها مرة أخرى ، في مقابل عندما تكون مدونتك بطيئة فهو عامل لتهرب الزوار منها لأنها لن تشكل بذلك بيئة مريحة لتسهيل تصفح الزائر للمواضيع وحتى ولو كان المحتوى كبير وحصري.

وفي هاته التدوينة  الجديدة وفي إطار دروس بلوجر دائما سوف أقربك من طريقة تسريع تصفح مدونتك عبركود html تقوم بإضافته إلى قالب مدونتك ، بعده ستلاحظ أن مدونتك قد إكتسبت سرعة أكثر من ما كانت عليه من قبل في تصفحها.
 وللقيام بهاته العملية ، تذهب مباشرة إلى لوحة تحكم مدونتك ، وتضغط على قالب ، ثم تحرير html ثم متابعة ، وتقوم بوضع علامة على توسيع قوالب عناصر واجهة المستخدم وتضغط في مفاتيح جهازك على ctr+f وتبحث عن هذا الكود

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
     </BODY>
 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
 فوقه مباشرة تقوم بوضع هذا الكود
 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
<SCRIPT SRC='HTTP://AJAX.GOOGLEAPIS.COM/AJAX/LIBS/JQUERY/1.4.2/JQUERY.MIN.JS?VER=1.4.2' TYPE='TEXT/JAVASCRIPT'/>
<SCRIPT SRC='HTTP://SITES.GOOGLE.COM/SITE/SIMOXOOORG/HOME/JQUERY.LAZYLOAD.MINI.JS?VER=1.5.0' TYPE='TEXT/JAVASCRIPT'/>
<SCRIPT TYPE='TEXT/JAVASCRIPT'>
JQUERY(DOCUMENT).READY(FUNCTION($){
IF (NAVIGATOR.PLATFORM == &QUOT;IPAD&QUOT;) RETURN;
JQUERY('IMG').LAZYLOAD({
EFFECT:&QUOT;FADEIN&QUOT;,
PLACEHOLDER: &QUOT;HTTP://LH5.GGPHT.COM/_XRWO8MEPDY0/TEDXIQJRAUI/AAAAAAAAAKU/3LWQSFT8IRQ/GREY.GIF&QUOT;
});
});
</SCRIPT>


____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
 في الأخير قم بحفظ التغييرات ومبروك عليك الإضافة الجديدة والتي سوف تقوم بتسريع تصفح مدونتك بشكل ملموس

اقرء المزيد

شرح إضافة أشكال جميلة من الساعة إلى موقعك أو مدونتك

2:06 ص  futuresoftware  



السلام عليكم ورحمة الله وبركاته

 في هاته التدوينة الجديدة والمتعلقة بتطوير المواقع ، أضع بين أيديكم مجموعة من الساعات الأكثر من رائعة لإضافتها إلى مدونتك الخاصة إذا أحببت ذلك ، حيث عند دخول أي زائر إلى مدونتك سوف يضهر له التوقيت الذي هو موجود في بلاده .

لإضافة أي شكل من هاته الأشكال  إلى مدونتك ،كل ما عليك فعله هو نسخ كود شكل الساعة التي أعجبتك ، ثم تذهب إلى لوحة تحكم مدونتك  وتضغط على التخطيط ، ثم إضافة أداة ، وتختار HTML/JAVA SCRIPT ، وتقوم بلصق الكود الذي قمت بنسخه ، وتضغط على حفظ ومبروك عليك الإضافة الجديدة .

أترككم مع نماذج لهاته الساعات:


 


                                                            الكود الخاص بها هو   

                     ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
<embed src="http://flash-clocks.com/neon-flash-clock.swf?timeOffset=local&faceColor=0x000000&numbersColor=0xffffff&edgeColor=0xffffff&glowColor=0x000000&glowBlur=10&glowStrength=2&hourHandColor=0xffffff&minuteHandColor=0xffffff&secondHandColor=0xffffff" width=150px height=150px wmode="transparent" type="application/x-shockwave-flash">

                              ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
الكود الخاص بها هو 

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____  


<embed src="http://flash-clocks.com/flip-flash-clock.swf?timeOffset=local&faceColor=0xFFFFFF&numbersColor=0x222222" width=150px height=75px wmode="transparent" type="application/x-shockwave-flash">

                           ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____   

                                             الكود الخاص بها هو 

                       
                       ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

 <embed src="http://flash-clocks.com/digital-flash-clock.swf?timeOffset=local&faceColor=0xFFFFFF&faceColorAlpha=0&numbersColor=0x222222" width=150px height=75px wmode="transparent" type="application/x-shockwave-flash"> 

                       ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

                                                    الكود الخاص بها هو 

              ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<embed src="http://flash-clocks.com/digital-flash-clock-2.swf?timeOffset=local&faceColor=0x000000&faceColorAlpha=0&numbersColor=0x4F77A0" width=150px height=75px wmode="transparent" type="application/x-shockwave-flash">

                   ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
                                  الكود الخاص بها هو 


                        ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<embed src="http://flash-clocks.com/analog-flash-clock.swf?timeOffset=local&faceColor=0xFFFFFF&numbersColor=0x222222&edgeColor=0xFFFFFF&centerColor=0x555555&hourHandColor=0x555555&minuteHandColor=0x555555&secondHandColor=0x555555" width=150px height=150px wmode="transparent" type="application/x-shockwave-flash">

                   ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

                             الكود الخاص بها هو 

               ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<embed src="http://flash-clocks.com/block-flash-clock.swf?timeOffset=local&backColor=0xFFFFFF&backAlpha=0&numbersColor=0x000000&hourColor=0x000000&minuteColor=0x000000&secondColor=0x000000" width=150px height=150px wmode="transparent" type="application/x-shockwave-flash">


                         ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____.

اقرء المزيد

إضافة زر الإعجاب بمدونتك على الفيسبوك

2:05 ص  futuresoftware  



السلام عليكم ورحمة الله وبركاته
في هاته التدوينة الجديدة سوف أضيف لكم خاصية جميلة تستطيع من خلالها كسب المزيد من الإعجابات لصفحتك على الفيسبوك بإضافة نافذة منبثقة لتسجيل الإعجاب ،عند كل زيارة لأي شخص لمدونتك ، وهي إضافة نجدها كثيرا في المنتديات .



في الصورة أعلاه نموذج لهاته الإضافة ولتطبيقها مباشرة على مدونتك ، قم بالذهاب إلى لوحة التحكم وقم بالضغط على التخطيط ، ثم إضافة أداة ، و تختار html /java script ، وقم بلصق هذا الكود
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="fbslidebox" style="-moz-border-radius: 15px 15px 15px 15px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_3t63RkOve7EVbIAM7mF8wXtt0W_VBAtnwAtzFfcBaB4WB3WOQyXHdecjTsiFaQs5C3vmu_K_HLWWOQbOHfXRqdov8i30b9vGEV_cPTN-vHvEempJHRr15ik_kUVQ2obbaGDdopL-fjm/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; border: 2px solid rgb(17, 17, 17); bottom: 20px; display: block; overflow: hidden; position: fixed; right: 10px; width: 342px;">
<div style="margin: 0pt auto; overflow: hidden; padding: 10px; width: 320px;">
         <b style="color: #66ad3d;"><span style="color: magenta;">< span style="color: #f3f3f3;"><b>معجبوا الموقع على الفيسبوك</b></span></span><br />< /b><br />
<div class=" fb_reset" id="fb-root">
<div style="height: 0px; position: absolute; top: -10000px; width: 0px;">
<div>
<iframe id="fb_xdm_frame_http" name="fb_xdm_frame_http" src="http://static.ak.facebook.com/connect/xd_arbiter.php?version=11#channel=f37ef819d78dba8&amp;origin=http%3A%2F%2Fforum.al-wlid.com&amp;channel_path=%2Ft11316.html%3Ffb_xd_fragment%23xd_sig%3Df28002bab7e5e2%26"></iframe><iframe id="fb_xdm_frame_https" name="fb_xdm_frame_https" src="https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=11#channel=f37ef819d78dba8&amp;origin=http%3A%2F%2Fforum.al-wlid.com&amp;channel_path=%2Ft11316.html%3Ffb_xd_fragment%23xd_sig%3Df28002bab7e5e2%26"></iframe></div>
<div>
</div>
</div>
</div>
<b style="color: #66ad3d;">< script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="http://www.facebook.com/Future software" data-send="false" data-show-faces="false" data-width="250">
<span style="height: 46px; width: 250px;"><iframe class="fb_rtl " id="f181becd14fa7d8" name="f1d5791a6f5c34e" scrolling="no" src="http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D11%23cb%3Df21b75c41cc7cda%26origin%3Dhttp%253A%252F%252Fforum.al-wlid.com%252Ff37ef819d78dba8%26domain%3Dforum.al-wlid.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fwww.facebook.com%2FFuture software &amp;layout=standard&amp;locale=ar_AR&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=250" style="border: medium none; height: 46px; overflow: hidden; width: 250px;" title="Like this content on Facebook."></iframe></span></div>
</b></div>
</div>
</div>
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
لتخصيص الإضافة قم بتغيير الرابط باللون الأزرق إلى رابط صفحتك على الفيسبوك ، وقم بتغيير الكلام باللون الوردي إلى إسم صفحتك على الفيسبوك.

اقرء المزيد

اضافة ايقونات تابعني على المواقع الاجتماعية مع الاشتراك بالموقع أو المدونة

2:04 ص  futuresoftware  



لتركيب الاضافة ادخل الى لوحة التحكم ثم تخطيط ثم اضافة اداة HTML\JavaScrpt

ثم اضف الكود التالي مع التعديلات





<style type="text/css">
img.beintouch:hover {
    background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #565656;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmp01bZB-1_B1x-eAsSo1jVZCrTX4FAJ3z1IPmOLM32m9WvEzeQAQ0yITw1TXg42yHYo83ueLjoPlp1SDa8s1H-xWr2lwhmgowi37vctyi5cJXDJCSUkT_Ks9_HinniHTWEbjdKS90zig/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #CCCCCC inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
}
< /style>
< table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/futuresoftware"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Fc32KuDP8DhsX-r_BTccqRAjKl3yzHHSnURb-b17dvQL1OJkRDJWyNtn7KuvnVD7ukPyjnhyP780nF-lf2YWu5IzXgXSxDeWyKPUDC0BMYw14Sq-SW7VvU6wr_HZ2NSHOkHcSJLggyk/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/futuresoftware/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoCpC7iU3C-5FBU1BwRv4p_bJuSEe39Xui8xSgXpMzwGpCjK8vzaEjGWzzow1wcQYmr2DdG_mRWRatdqqskqlM56hDasDMFMGWew7pHN8-HrYXxmKAGYPhxaiw0_kCMpcO-VfuxsPP4tI/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/futuresoftware" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVym2hLH0peo1w4UZJAPRUr7dLJoq_0bTmeKoPn4lJK0HtuRrI9eBSjRe3E95-_-socOavRueJ3kdAxp7AABD26Qb8Fn3KAIBl0uP-vsnuvnhmMtvR3CX7Yd6AtWwW_7pRbeCN_Tn-EfQ/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.justnaira.com"></a></td></tr></tbody></table>
< div>اضف بريدك  ليصلك جديدنا</div>
< form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=futuresoftware', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
< input type="hidden" value="futuresoftware" name="uri" />
< input type="hidden" value="en_US" name="loc" />
< input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = & quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
< input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
< /form> 
احفظ الاداة مع تغير futuresoftware لصفحاتك على تويتر وفيس بوك وفيدبنر 
اذا ترغب بتغير عرض الصندوق  width="317px
اذا ترغب بتغير الجملة اعلى اضافة البريد الالكتروني اضف بريدك  ليصلك جديدنا

اقرء المزيد